// pages/demo01/demo01.js
Page({
  /**
   * 页面的初始数据
   */
  data: {
    staffA: { firstName: 'Hulk', lastName: 'Hu' },
    staffB: { firstName: 'Shang', lastName: 'You' },
    staffC: { firstName: 'Gideon', lastName: 'Lin' },
    id: 1,
    id1: 2,
    condition: true,
    checked111: true,
    object: {
      key: 'Hello '
    },
    array: ['MINA'],
    zero: 0,
    a: 1,
    b: 2,
    obj1: {
      a: 1,
      b: 2
    },
    obj2: {
      c: 3,
      d: 4
    },
    foo: 'my-foo',
    bar: 'my-bar',
    obj3: {
      a: 1,
      b: 2
    },
    obj4: {
      b: 3,
      c: 4
    },
    a: 5
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    // 获取界面上的节点信息 照着文档敲的
    const query = wx.createSelectorQuery()
    query.select('#the-id').boundingClientRect(function (res) {
      // console.log(res)
      // res.top // #the-id 节点的上边界坐标（相对于显示区域）
      // bottom: 126
      // dataset: { }
      // height: 21
      // id: "the-id"
      // left: 0
      // right: 375
      // top: 105
      // width: 375
    })
    query.selectViewport().scrollOffset(function (res) {
      // console.log(res)
      res.scrollTop // 显示区域的竖直滚动位置
    })
    query.exec()

    // 这个看不懂
    // 可以在目标节点（用选择器 .target-class 指定）每次进入或离开页面显示区域时，触发回调函数
    // wx.createIntersectionObserver().relativeToViewport().observe('.target-class', (res) => {
    //   // console.log(res)
    //   res.id // 目标节点 id
    //   res.dataset // 目标节点 dataset
    //   res.intersectionRatio // 相交区域占目标节点的布局区域的比例
    //   res.intersectionRect // 相交区域
    //   res.intersectionRect.left // 相交区域的左边界坐标
    //   res.intersectionRect.top // 相交区域的上边界坐标
    //   res.intersectionRect.width // 相交区域的宽度
    //   res.intersectionRect.height // 相交区域的高度
    // })
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})